<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="top">
        <div class="top_abs">
            <ul>
                <li><a href="#"><a>联系我们</a></li>
                <li><a href="#"><a>服务</a></li>
                <li><a href="#"><a>400 885 6618</a></li>
            </ul>
            <div class="top_r clearfix">
                <a href="#" class="t_icon_1"></a>
                <a href="#" class="t_icon_2"></a>
                <a href="#" class="t_icon_3"></a>
            </div>
        </div>
        <div class="logo"><a href="./index.html"><img src="./images/common_icon/head_logo_black.svg" alt=""></a></div>

        <div class="sticky">
            <div class="w clearfix">
                <ul class="clearfix ">
                    <li><a href="#">高级珠宝</a></li>
                    <li><a href="#">珠宝</a></li>
                    <li><a href="#">婚礼</a></li>
                    <li><a href="#">腕表</a></li>
                    <li><a href="#">香水</a></li>
                    <li><a href="#">生活艺术</a></li>
                    <li><a href="#">品牌</a></li>
                    <li><a href="#">新闻</a></li>
                    <span class="line"></span>
                    <span class="search"></span>
                </ul>

            </div>
        </div>
    </div>
    <div class="banner w">
        <img src="./images/index/banner.jpg" alt="">
    </div>
    <div class="wristwatch">
        <div class="w">
            <p>
            <h2>TANK FRANÇAISE 腕表</h2>
            <span>TANK FRANÇAISE 腕表盛大回归</span>
            <a href="#">即刻探索</a>
            </p>
            <div class="scroll">
                <ul class="clearfix">
                    <li><a href="#"><img src="./images/index/product1.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/index/product2.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/index/product3.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/index/product4.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/index/product5.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/index/product6.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/index/product7.jpg" alt=""></a></li>
                </ul>
            </div>
        </div>
        <div class="jtleft"></div>
        <div class="jtright"></div>
    </div>
    <div class="perfume">
        <div class="w clearfix">
            <p>
            <h2>TANK系列</h2>
            <a href="#">探索此系列</a>
            </p>
            <div class="left fl">
                <img src="./images/index/perfume.jpg" alt="">
            </div>
            <div class="right fr">
                <h2>LA PANTHERE猎豹香水</h2>
                <span>多变魅力，野性优雅</span>
                <a href="#">即刻探索</a>
            </div>
        </div>
    </div>
    <div class="rings w clearfix">
        <div class="left fl">
            <img src="./images/index/rings1.jpg" alt="">
            <p>
            <h2>卡地亚全新甄选钻戒服务</h2>
            <span>一枚专属于你的挚爱见证</span>
            <a href="#">即刻探索</a>
            </p>
        </div>
        <div class="right fr">
            <img src="./images/index/rings2.jpg" alt="">
            <p>
            <h2>与卡地亚一起，传递彼此心意</h2>
            <span>一见倾心，相伴一生</span>
            <a href="#">即刻探索</a>
            </p>
        </div>
    </div>
    <div class="ad w">
        <img src="./images/index/ad.jpg" alt="" style="width:100%">
    </div>
    <div class="culture">
        <div class="w clearfix">
            <p>
            <h2>卡地亚隽永文化</h2>
            <a href="#">探索此系列</a>
            </p>
            <div class="left fl"><img src="./images/index/culture.jpg" alt=""></div>
            <div class="right fr">
                <p>
                    <h2>卡地亚《风格史诗》第十章</h2>
                    <span>中国情缘</span>
                    <a href="#">即刻探索</a>
                </p>
            </div>
            
        </div>
       
    </div>
    <div class="bottom w clearfix">
        <div class="bottom_l fl">
            <img src="./images/index/other_1.jpg" alt="">
            <h2>值得纪念的365天</h2>
            <a href="#">即刻探索</a>
        </div>
        <div class="bottom_r fr">
            <img src="./images/index/other_2.jpg" alt="">
            <h2>服务</h2>
            <a href="#">即刻探索</a>
        </div>
    </div>
    <div class="subscribe">
        <div class="search">
        <h2>订阅最新资讯</h2>
        <input type="text" placeholder="邮箱"><button>订阅</button>
    </div>
    </div>
    <div class="information w">
        <dl>
            <dt>关于服务</dt>
            <dd><a href="#">联系我们</a></dd>
            <dd><a href="#">在线服务</a></dd>
            <dd><a href="#">配送服务</a></dd>
            <dd><a href="#">支付方式</a></dd>
            <dd><a href="#">常见问题</a></dd>
            <dd><a href="#">网站地图</a></dd>
        </dl>
        <dl>
            <dt>关于我们</dt>
            <dd><a href="#">寻找精品店</a></dd>
            <dd><a href="#">工作机会</a></dd>
        </dl>
        <dl>
            <dt>法律声明和隐私条款</dt>
            <dd><a href="#">使用条款</a></dd>
            <dd><a href="#">销售条款</a></dd>
            <dd><a href="#">退换货服务</a></dd>
            <dd><a href="#">隐私政策</a></dd>
            <dd><a href="#">COOKIE政策</a></dd>
        </dl>
        <div class="last">
            <h2>关注我们</h2>
            <span><img src="./images/common_icon/black_wechat_icon.svg" alt=""></span>
            <span><img src="./images/common_icon/block_weibo_icon1.svg" alt=""></span>
        </div>
    </div>
    <div class="footer">
        <div class="logo">
        <span><img src="./images/common_icon/mobile-cartier-women-s-logo.png" alt=""></span>
        <span><img src="./images/common_icon/mobile-cartier-foundation-logo.png" alt=""></span>
        <span><img src="./images/common_icon/mobile-cartier-philanthropy-logo.png" alt=""></span>
    </div>
    </div>
</body>

</html>